
<template>
  <div>
    <el-table :data="tableData" >
      <el-table-column prop="date" label="排名" width="40"></el-table-column>
      <el-table-column prop="name" label="名称" width="79"></el-table-column>
      <el-table-column prop="address" label="用电量(kwh)" width="80"></el-table-column>
      <el-table-column prop="address" label="电费(万元)" width="80"></el-table-column>
      <el-table-column prop="address" label="碳排放(T)" width="80"></el-table-column>
      <el-table-column prop="address" label="标煤(T)" width="75"></el-table-column>
    </el-table>
  </div>
</template>
 
<script>
export default {
  name: 'IndexRight',
  data () {
    return {
      tableData: [{
        date: '1',
        name: '设备部',
        address: '4321'
      }, {
        date: '2',
        name: '管理部',
        address: '3321'
      }, {
        date: '3',
        name: '后勤部',
        address: '2312'
      }, {
        date: '4',
        name: '财务部',
        address: '1321'
      }]
    }
  }
}
</script>
 
<style lang="less">
.right-table{
  background-color: rgba(10, 29, 50, 0.8);
}
.el-table, .el-table__expanded-cell {
    background-color:  rgba(10, 29, 50, 0.8);
    color: #FFF;
    width: 100%
}
.el-table th, .el-table tr {
    background-color:  rgba(10, 29, 50, 0.8);
}
.el-table__row>td{
	border: none;
}
.el-table::before {//去掉最下面的那一条线
	height: 0px;
}
.el-table__cell,.is-leaf { //去掉表头下划线
  border: none;
}
.el-table-column{
  background-color:  rgba(10, 29, 50, 0.8);
}

</style>